<template>
  <span :class="{ undo: true, right: flag, error: flag1 }">1: 未完成</span>
</template>

<script>
export default {
  props: {
    flag: {
      type: Boolean,
      require: true,
    },
    flag1: {
      type: Boolean,
      require: true,
    },
  },
};
</script>

<style scoped>
.undo {
  color: #ccc;
}
.right {
  color: green;
}
.error {
  color: red;
}
</style>
